﻿/* general */
[type="text"] {width:135px;}
select            {width:140px;}
textarea            {width:133px;}
.Numeric      {width:30px;}
.Duration select  {width:100px;}
.link, .Link{
	cursor:pointer; 
	color:Blue!important;
}	

table	{font-size:12px}

.Label              {font-weight:bold;}
.highlight          {background-color:#FAFFBD;}

input, select, textarea   {font-size:11px;}
/* general */

/* tasks index */

/* Grid */
.DataTableContainer     
{
	height: 240px; 
	overflow-y:scroll;
	position:relative;
	.DataTable
	{
		overflow:hidden; 
		border-bottom:solid 1px #EFEFEF;
		tr.Selected {background-color:#F2F7FC;}
		td.Selected {background-color:#CEE4FF!important;}

		td {border-bottom: 1px solid #EFEFEF;border-right: 1px solid white; text-align:left;height:30px; overflow:hidden;}
	}
	
}

.Header 
{
	background: url("/Images/BGHeader.gif") repeat-x;
	background-position: 0px -57px;
	font-size:12px;
	height: 22px;
	td 
	{
		border:solid 1px #BCD;
		border-width:0px 1px;
		border-collapse:collapse;
	}
	th    {overflow:hidden;}
}

.tbl_loadingGif 
{
	width:16px; 
	height:16px; 
	position:absolute; 
	background: url(/Images/treeview/ajax-loader.gif);
}

.saveIndicator  {
    background: url(/Images/treeview/ajax-loader.gif) no-repeat center;
    background-color:white;
}
    /* Grid */
    
#tasksContainer 
{
    border-collapse:collapse;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom: dashed 2px #777;
	td  
	{
		padding-left:4px;
	}
	.load {margin-left:45%; margin-top:50px; width:22px;}
	* {cursor: pointer;}
}

.load_tr{ 
	.load{
		width: 16px!important; 
		position:absolute!important; 
		left:28% !important; 
		margin: 0!important;
	}
	td{text-align:center!important;}
}
    
.AdditionalFields   {display:none;}



.Container  {font:12px arial,sans-serif; padding-left:2px; padding-top:4px;}
#tasksDetails .Label    {margin-top:4px; font-weight:bold;color:#333333;}
#tbFilter {
    width: 115px;
    height: 16px;
    font-size: 10px;
}
#btnSort    {vertical-align:middle;}
    
    

    ui-datepicker-div   {font-size:11px;}
    ui-datepicker-div td, ui-datepicker-div th {padding-left:1px;}
    
    .tooltip{
        position: fixed;
        padding: 10px 13px;
        z-index: 2;
        color: #303030;
        background-color: #F5F5B5;
        border: 1px solid #DECA7E;
        font-family: sans-serif;
        font-size: 12px;
        line-height: 18px;
        text-align: left;
    }
    
    .button 
    {
        background-color:#D8DFEA; 
        color:#333;
        cursor:pointer;
        width:50px;
        padding:1px;
        text-align:center;
        font-size:13px;
        border-radius: 11px;
        border: solid 1px #989FAA;
        margin-top:4px;
		&:hover{
			background-color:#c8cFdA; 
			color:#222;
			border: solid 1px #a8aFbA;
		 }
     }
    

     #filterType
	 {
		padding-left:3px; 
		margin:3px 0px;
		.option 
		{
			padding:3px;
			display:inline-block;
			border:1px solid gray; 
			margin-left:-3px; 
			cursor:pointer;
			&.selected
			{
				background-color:#ccc;
			}
			&[value="All"]   
			{
				margin-left:4px;
			}
		}
	}

     #tasksDetails
	 {
		.Column   {width:140px;}
		.column   {float:left; margin:3px 24px 3px 0;}   
	 } 
     
    #c_Fields   {clear:both;}
   
   
   /* tasks index end */
   .LoadingDiv  img     {margin:45%;}

   .NewProject .Label
    {
        margin-top: 4px;
        font-weight: bold;
        color: #333333;
        display:inline-block; 
        width:200px;
        margin-bottom:7px;
    }

    .SelectedRow
    {
        background-color: rgb(206, 228, 255);
    }

    .sf_Item    {cursor:pointer;}


    /*Tasks index - notes*/
    .Note
	{
		border-bottom: dashed 1px black;
		width:280px; 
		padding: 5px 0px;
		.Date   {color:Gray;}
		.Text   
		{
			margin-bottom:7px; 
			max-height:55px; 
			overflow: hidden; 
			text-overflow: ellipsis;
		}
	}
    
	.Edit_Pop .Text textarea {height:200px; width:275px;resize:none;}
    .Edit_Pop .Text   { }
    .Note_Container         {height:300px!important;}
    /*Tasks index - notes*/

     

     .ui-datepicker-trigger   
	 {
		background:url(/Images/16_icons.gif) no-repeat;
		background-position: 0px -1055px; 
		width: 16px;
		height:16px;
		display:inline-block;
	}

	 @CreateFormWidth: 480px;
	 @CreateFormIconWidth: 42px;
    .CreateForm         
	{
		font-size:12px; 
		width:@CreateFormWidth;
		border: solid 6px #DAEBFF;
		padding: 12px;
		border-radius: 7px;
		position: relative;
		.Icon   {float:left; width:@CreateFormIconWidth;}
		.Row    {width:@CreateFormWidth; clear:both;}
		.Property   
		{
			float:left; 
			width:225px; 
			margin:5px 0; 
			margin-left:30px;
			&.Right {margin-left:0px;}
		}
		[type=text], select, textarea   {width:99%;}
		.Title  {width:@CreateFormWidth - @CreateFormIconWidth - 4;}
	}
    
    .Property
	{
		.SmallColumn  {width: 75px;float:left; margin:0 20px 0 0;}
		&.MediumColumn  {width: 135px;float:left; margin:5px 0 0 37px;}
		&.MediumColumn.Left  {margin-left:0px;}
	} 
    
    .Duration
	{
		input[type=text] {width:35px;}
		select   {width:91px;}
	} 
    
    .coverDiv {width:100%; height:100%; background-color:white; position:absolute; top:0; left:0;}
    
    .Hide1, .Hide2      {display:none!important;}
